import { memo } from 'react';
import { Bubble } from '@ant-design/x';

import { UserMessageProps } from '@/view/home/component/MessageHistory/type';
import UserIcon from '@/view/home/component/MessageHistory/UserMessage/UserIcon';

export default memo((userProps: UserMessageProps) => {
    return (
        <Bubble
            placement="end"
            content={userProps.result}
            avatar={<UserIcon />}
        />
    );
});
